<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>西南民族大学</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        a {
            text-decoration: none;
        }
        .top-bar {
            width: 100%;
            height: 20px;
        }
        .page-header {
            width: 100%;
            margin-top: 10px;
            height: 142px;
            background-color: #0897D9;
        }
        .header-left {
            width: 50%;
            height: 20px;
            margin-top: 7px;
            float: left;
            position: relative;
            left: 21%;
        }
        .header-left ul li {
            list-style: none;
            float: left;
        }
        .header-right {
            width: 30%;
            height: 20px;
            float: right;
            margin-top: 7px;
            position: relative;
            /*left: 21%;*/
        }
        .header-right ul li {
            list-style: none;
            float: left;
        }
        .top-link {
            text-decoration: none;
            margin-right: 15px;
        }
        .col-md-1 {
            padding: 0;
            margin: auto;
        }
        .row {
            margin: auto;
        }
        .logo {
            margin-left: 9%;
            margin-top: -30px;
        }
        .page-header {
            margin-bottom: 0;
        }
        .slides {
            height: 100%;
            /*margin-top: 20px;*/
        }
        .table-container {
            margin: 30px auto;
        }
        .bottom {
            margin-top: 15px;
            margin-bottom: 15px;
            width: 100%;
            text-align: center;
        }
        .link .col-md-1 {
            /*width: 100%;*/
            text-align: center;
        }
        .link .col-md-2 {
            text-align: center;
        }
        .link div a {
            text-decoration: none;
        }
    </style>
</head>
<body>
<!--头部-->
<header>
    <nav class="top-bar">
        <div class="header-left">
            <ul>
                <li class=""><a href="" class="top-link">学生</a></li>
                <li class=""><a href="" class="top-link">教职工</a></li>
                <li class=""><a href="" class="top-link">校友</a></li>
                <li class=""><a href="" class="top-link">考生及家长</a></li>
                <li class=""><a href="" class="top-link">社会访客</a></li>

            </ul>
        </div>
        <div class="header-right">
            <ul>
                <li class=""><a href="" class="top-link">首页</a></li>
                <li class=""><a href="" class="top-link">信息门户</a></li>
                <li class=""><a href="" class="top-link">怀旧版</a></li>
                <li class=""><a href="" class="top-link">English</a></li>
                <li class=""><a href="" class="top-link">搜索</a></li>
            </ul>
        </div>
    </nav>
    <div class="page-header">
        <img src="//www.swun.edu.cn/images/1111.png" alt="logo" class="logo">
    </div>
</header>
<!--导航栏-->
<nav class="container">
    <ul class="row nav nav-tabs nav-justified">
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                学校概况
            </a>
            <ul class="dropdown-menu">
                <li><a href="">学校简介</a></li>
                <li><a href="">历史沿革</a></li>
                <li><a href="">现任领导</a></li>
                <li><a href="">校训校徽校歌</a></li>
                <li><a href="">校园风光</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                机构设置
            </a>
            <ul class="dropdown-menu">
                <li><a href="">职能部门</a></li>
                <li><a href="">教学单位</a></li>
                <li><a href="">教辅单位</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                新闻资讯
            </a>
            <ul class="dropdown-menu">
                <li><a href="">新闻网</a></li>
                <li><a href="">校报</a></li>
                <li><a href="">教育电视台</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                人才队伍
            </a>
            <ul class="dropdown-menu">
                <li><a href="">师资队伍</a></li>
                <li><a href="">专家队伍</a></li>
                <li><a href="">中青年英才</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                学科建设
            </a>
            <ul class="dropdown-menu">
                <li><a href="">学位点建设</a></li>
                <li><a href="">本科专业建设</a></li>
                <li><a href="">学科团队建设</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                教育教学
            </a>
            <ul class="dropdown-menu">
                <li><a href="">本科生教育</a></li>
                <li><a href="">研究生教育</a></li>
                <li><a href="">预科生教育</a></li>
                <li><a href="">留学生教育</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                学科研究
            </a>
            <ul class="dropdown-menu">
                <li><a href="">科研平台</a></li>
                <li><a href="">期刊社</a></li>
                <li><a href="">学术看板</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                两翼建设
            </a>
            <ul class="dropdown-menu">
                <li><a href="">协同创新中心</a></li>
                <li><a href="">青藏高原基地</a></li>
                <li><a href="">民族文化基地</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                交流合作
            </a>
            <ul class="dropdown-menu">
                <li><a href="">国际交流与合作</a></li>
                <li><a href="">校地合作</a></li>
                <li><a href="">校友总会</a></li>
                <li><a href="">教育基金会</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                招生就业
            </a>
            <ul class="dropdown-menu">
                <li><a href="">招生就业网</a></li>
                <li><a href="">迎新网站</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                校园文化
            </a>
            <ul class="dropdown-menu">
                <li><a href="">校园社区</a></li>
                <li><a href="">民族团结专题网</a></li>
            </ul>
        </li>
        <li role="presentation" class="col-md-1 dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                信息服务
            </a>
            <ul class="dropdown-menu">
                <li><a href="">信息公开</a></li>
                <li><a href="">办公系统</a></li>
                <li><a href="">人事系统</a></li>
                <li><a href="">教务系统</a></li>
                <li><a href="">学工系统</a></li>
                <li><a href="">科研系统</a></li>
                <li><a href="">财务系统</a></li>
                <li><a href="">图书馆系统</a></li>
                <li><a href="">校园一卡通</a></li>
            </ul>
        </li>
    </ul>
</nav>
<!--轮播图-->
<section class="slides">
    <div id="carousel-generic" class="carousel slide" data-ride="carousel">
        <!-- 下标 -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-generic" data-slide-to="1"></li>
            <li data-target="#carousel-generic" data-slide-to="2"></li>
            <li data-target="#carousel-generic" data-slide-to="3"></li>
        </ol>
        <!-- 轮播图片 -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="http://www.swun.edu.cn/_mediafile/zhuzhan/2019/03/06/1u6spirzo8g.jpg" alt="惊蛰">
                <div class="carousel-caption">
                    惊蛰
                </div>
            </div>
            <div class="item">
                <img src="http://www.swun.edu.cn/_mediafile/zhuzhan/2019/03/21/95z7s30jgp.jpg" alt="春分">
                <div class="carousel-caption">
                    春分
                </div>
            </div>
            <div class="item">
                <img src="http://www.swun.edu.cn/_mediafile/zhuzhan/2019/02/26/3ek2iffi38.jpg" alt="人才培养">
                <div class="carousel-caption">
                    藏羌彝银饰工艺创新设计人才培养
                </div>
            </div>
            <div class="item">
                <img src="http://www.swun.edu.cn/_mediafile/zhuzhan/2019/03/11/10rli1fh10.jpg" alt="春风">
                <div class="carousel-caption">
                    春风贺喜无言语，排比花枝满杏园
                </div>
            </div>
        </div>
        <!-- 控制 -->
        <a class="left carousel-control" href="#carousel-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>
<!--公告通知table-->
<section class="table-container container">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-3">
            <table class="table table-hover" style="background-color: aqua">
                <tr>
                    <th>通知公告</th>
                    <th>采招资讯</th>
                    <th>高校动态</th>
                </tr>
                <tr>
                    <td colspan="3">03/8 西南民族大学关于2019年暑期赴英国曼彻斯特大学、切斯特大学交流学习宣讲会的通知</td>
                </tr>
                <tr>
                    <td colspan="3">01/23 公示</td>
                </tr>
                <tr>
                    <td colspan="3">01/22 西南民族大学关于2019年寒假及新学期开学有关安排的通知</td>
                </tr>
                <tr>
                    <td colspan="3">01/22 西南民族大学关于航空港校区校园网1月23日临时断网的通知</td>
                </tr>
            </table>
        </div>
        <div class="col-md-4">
            <table class="table table-hover" style="background-color: aqua">
                <tr>
                    <th>新闻快览</th>
                    <th>菁菁校园</th>
                    <th>媒体民大</th>
                    <th>理论学习</th>
                </tr>
                <tr>
                    <td colspan="4">03/8 学校召开2019年校内巡察工作培训会</td>
                </tr>
                <tr>
                    <td colspan="4">03/7 我校召开2019年定点扶贫工作推进会</td>
                </tr>
                <tr>
                    <td colspan="4">03/7 【聚焦“两会”】我校各族师生关注“两会” 热议政府工作报告</td>
                </tr>
                <tr>
                    <td colspan="4">03/6 学校召开分党委（党总支、直属党支部）书记工作会议</td>
                </tr>
                <tr>
                    <td colspan="4">03/5 【聚焦“两会”】我校各族师生收看收听全国“两会”盛况</td>
                </tr>
            </table>
        </div>
        <div class="col-md-3">
            <table class="table table-hover" style="background-color: aqua">
                <tr>
                    <th>学术看板</th>
                    <th>教学科研</th>
                    <th>创新创业</th>
                </tr>
                <tr>
                    <td colspan="3">12/15 第八期民族青年训练营系列课程第四课开课</td>
                </tr>
                <tr>
                    <td colspan="3">12/10 经济学院举行第六届“创新· 创业· 创未来”活动月</td>
                </tr>
                <tr>
                    <td colspan="3">12/05 第八期民族青年训练营系列课程第三课开课</td>
                </tr>
                <tr>
                    <td colspan="3">12/04 城建学院打造“合造集市”大学生创新创业孵化平台</td>
                </tr>
                <tr>
                    <td colspan="3">12/03 第八期民族青年训练营系列课程第二课开课</td>
                </tr>
            </table>
        </div>
        <div class="col-md-1"></div>
    </div>
</section>
<!--快捷通道-->
<section class="container">
    <div class="row">
        <h5><b>快捷通道</b></h5>
        <div class="col-md-3">
            <a href="#" class="thumbnail">
                <img src="//www.swun.edu.cn/images/201507100.jpg" alt="...">
            </a>
        </div>
        <div class="col-md-3">
            <a href="#" class="thumbnail">
                <img src="//www.swun.edu.cn/images/jbsjk.jpg" alt="...">
            </a>
        </div>
        <div class="col-md-3">
            <a href="#" class="thumbnail">
                <img src="//www.swun.edu.cn/ggzypt.jpg" alt="...">
            </a>
        </div>
        <div class="col-md-3">
            <a href="#" class="thumbnail">
                <img src="//www.swun.edu.cn/tszynew.jpg" alt="...">
            </a>
        </div>
    </div>
</section>
<!--相关链接-->
<section class="link container">
    <div class="row">
        <h5><b>相关链接</b></h5>
        <div class="col-md-1">
            <a href="#">中国政府网</a>
        </div>
        <div class="col-md-2">
            <a href="#">国家民族事务委员会</a>
        </div>
        <div class="col-md-1">
            <a href="#">教育部</a>
        </div>
        <div class="col-md-2">
            <a href="#">四川省人民政府</a>
        </div>
        <div class="col-md-2">
            <a href="#">成都市人民政府</a>
        </div>
        <div class="col-md-2">
            <a href="#">四川省教育厅</a>
        </div>
        <div class="col-md-1">
            <div class="dropup">
                <a class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    其他高校
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" id="dropdown-1" aria-labelledby="dropdownMenu2">
                    <li><a href="#">中央民族大学</a></li>
                    <li><a href="#">中南民族大学</a></li>
                    <li><a href="#">西北民族大学</a></li>
                    <li><a href="#">北方民族大学</a></li>
                    <li><a href="#">大连民族大学</a></li>
                    <li><a href="#">云南民族大学</a></li>
                    <li><a href="#">贵州民族大学</a></li>
                    <li><a href="#">广西民族大学</a></li>
                    <li><a href="#">大连民族大学</a></li>
                    <li><a href="#">四川大学</a></li>
                    <li><a href="#">西南交通大学</a></li>
                    <li><a href="#">电子科技大学</a></li>
                    <li><a href="#">西南财经大学</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-1" id="intramural-links">
            <div class="dropup">
                <a class="dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    校内链接
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" id="dropdown-2" aria-labelledby="dropdownMenu2">
                    <li><a href="#">校外访问通道</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!--底部-->
<footer class="bottom">
    <span><small>武侯校区地址：四川省成都市一环路南四段16号(610041)&nbsp;&nbsp;&nbsp;&nbsp;航空港校区地址：双流区航空港开发区大件路文星段168号(610225)</small></span><br>
    <span><small>Copyright &copy; 2019 By zqy</small></span>
</footer>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script>

</script>
</body>
</html>
